@charset "UTF-8";

.content{margin-bottom: 75px;}
/*头部*/
.header{width: 100%;}
.hd_top{height: 89px;padding-top: 21px;}
.logo{display: block;width: 116px;height: 63px;overflow: hidden;float: left;}
.logo img{display: block;width: 100%;}
.hd_top .con1{ padding-left: 28px;border-left: 1px solid #e5e5e5;float: left;line-height: 36px;color: #666666;margin: 20px 0 0 30px;font-size: 16px;}
.language{width: 135px;height: 38px;position: relative;margin: 20px 9px 0 18px;float: right;}
.language .lan{ background: url("../images/product_15.jpg") no-repeat 111px 15px #fff; position: absolute;border: 1px solid #eeeeee;width: 133px;padding: 6px 0; height: 24px;overflow: hidden;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.language .lan a{display: block;font-size: 14px;line-height: 24px;color: #666666;padding-left: 47px;}
.language .lan a.cn{background: url("../images/product_11.jpg") no-repeat 19px center;}
.language .lan a.en{margin-top: 10px; background:none;}
.language .lan:hover{height: 53px;background-image: url("../images/product_08.jpg");}
.language .lan:hover a.en{margin-top: 5px;}
.language .lan a:hover{color: #1077d6;}
.hd_top .tel{color: #1077d6; float: right;padding-left: 29px;font-size: 20px;line-height: 36px;margin-top: 22px; background: url("../images/product_06.jpg") no-repeat left 7px;font-family: "open_sansregular";}
.head{background: #1077d6;}
.nav{width: 1200px;margin: 0 auto;height: 52px;}
.nav>li{float: left;width: 170px;border-right: 1px solid rgba(255,255,255,0.1);position: relative;}
.nav>li:first-child{width: 171px;border-left: 1px solid rgba(255,255,255,0.1);}
.nav>li>a{display: block;text-align: center;color: #fff;line-height: 52px;font-size: 15px;}
.nav>li>a:hover,.nav>li.on>a{background: #096fce;}
/*over*/

/*banner*/
.ban{height: 282px;}
.banner{width: 100%;}
.flexslider{position:relative; clear: both; overflow:hidden;z-index: 1; }
.flexslider .slides li{position:relative;width: 100%;}
.flexslider .slides li a{position:relative;display: block;width: 100%;}
.flexslider .slides li a img { width: 100%;display:block; }
.flex-direction-nav{ opacity: 0;filter:alpha(opacity=0);  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.flexslider:hover .flex-direction-nav{opacity: 1;filter:alpha(opacity=100);}
.flex-direction-nav li a{opacity: 0.87;filter:alpha(opacity=87); width:50px; height:50px; position: absolute;top:50%;margin-top: -25px; display: block;font-size: 0;text-indent:-9000px; -webkit-transition: 0.4s; transition: 0.4s;}
.flex-direction-nav li a.flex-prev{left: 2.8%;background: url("../images/ban_prev.png") no-repeat center;}
.flex-direction-nav li a.flex-next{right: 2.8%; background: url("../images/ban_next.png") no-repeat center;}
.flex-direction-nav li a:hover{opacity: 1;filter:alpha(opacity=100); }
/*.flex-direction-nav li a.flex-prev:hover{background: url("../images/index_80.png") no-repeat center #2987c7;border-color: #2e77d2;}*/
/*.flex-direction-nav li a.flex-next:hover{background: url("../images/index_82.png") no-repeat center #2987c7;border-color: #2e77d2;}*/
.flex-control-nav{display: none; padding: 0; position: absolute;bottom: 33px;left: 0;height: 24px;line-height: 24px; width: 100%; text-align: center;}
.flex-control-nav li{vertical-align: middle; display: inline-block;*display: inline;zoom:1;margin: 0 4px;padding: 0;}
.flex-control-nav li a{border-radius: 12px; display: block; font-size: 0;color: transparent;width: 12px;height: 12px;border: 1px solid #fff;}
.flex-control-nav li a:hover,.flex-control-nav li a.flex-active{background-color: #fff;}

/*over*/

/*内页菜单*/
.menu{background: #fafafc;border-bottom: 1px solid #ebebeb;}
.menu2{width: 840px;height: 62px;float: left;overflow-x: auto;}
.menu2_wrap{overflow: hidden;width: 100%;height: 62px;}
.menu2 a{display: block;float: left;padding: 0 17px;margin-right: 1px;font-size: 14px;color: #333333;line-height: 62px;}
.menu2 a:hover,.menu2 a.on{color: #fff;background: #066cca;}
.bread{float: right;overflow: hidden;}
.bread span,.bread i{display: block;line-height: 62px;color: rgba(153,153,153,0.6);float: left;}
.bread a{display: block;line-height: 62px;color: rgba(153,153,153,0.6);float: left;margin: 0 5px;}
.bread a:hover{color: #1077d6;}
/*over*/

/*首页*/
/*f1*/
/*.ind1{ width:1200px; position:relative;margin: 63px auto 33px;}*/
/*.ind1 .hd{ overflow:hidden;}*/
/*.ind1 .hd .prev,*/
/*.ind1 .hd .next{ display:block;  width:36px; height:36px;border: 1px solid #e4e4e4;border-radius: 100%; position: absolute;top:58px; overflow:hidden;  cursor:pointer;}*/
/*.ind1 .hd .prev{background: url("../images/index_33.png") no-repeat center;left: -130px;}*/
/*.ind1 .hd .next{background: url("../images/index_38.png") no-repeat center;right: -130px;}*/
/*@media (max-width: 1500px) {*/
    /*.ind1 .hd .prev{left: -90px;}*/
    /*.ind1 .hd .next{right: -90px;}*/
/*}*/
/*@media (max-width: 1400px) {*/
    /*.ind1 .hd .prev{left: -50px;}*/
    /*.ind1 .hd .next{right: -50px;}*/
/*}*/
/*/!*@media (max-width: 1400px) {*!/*/
/*/!*.ind1 .hd .prev{left: 100px;}*!/*/
/*/!*.ind1 .hd .next{right: 100px;}*!/*/
/*/!*}*!/*/
/*.ind1 .hd .prev:hover{background: url("../images/index_35.png") no-repeat center #1077d6;border-color:  #1077d6;}*/
/*.ind1 .hd .next:hover{background: url("../images/index_41.png") no-repeat center #1077d6;border-color: #1077d6;}*/
/*.ind1 .hd .pageState{display: none;}*/
/*.ind1 .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px;display: none;}*/
/*.ind1 .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer;}*/
/*.ind1 .hd ul li.on{ background-position:0 0; }*/
/*.ind1 .bd{width: 1200px;margin: 0 auto;overflow: hidden;}*/
/*.ind1 .bd ul{ overflow:hidden; zoom:1; }*/
/*.ind1 .bd ul li{width: 160px;margin-right: 100px; float:left; _display:inline; overflow:hidden; text-align:center;  }*/
/*.ind1 .bd ul li a{display: block;}*/
/*.ind1 .bd ul li a .ind1_icon{background-repeat: no-repeat; position: relative;background-position: center; width: 129px;height: 129px;border-radius: 100%;border: 1px solid transparent;margin: 0 auto;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}*/
/*.ind1 .bd ul li a .ind1_icon:before{border-radius: 100%; position: absolute;width: 107px;height: 107px;z-index: -1;border: 1px solid #c2c2c2; content: " ";left: 50%;top:50%;  -webkit-transform: translate(-50%, -50%);  -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%); -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}*/
/*.ind1 .bd ul li:hover a .ind1_icon:before{background-color: #1077d6;border-color: #1077d6;width: 117px;height: 117px;}*/
/*.ind1 .bd ul li:hover a .ind1_icon{border-color: #1077d6;}*/
/*.ind1 .bd ul li span{display: block;line-height: 26px;font-size: 16px;margin-top: 18px; color: #666666;height: 52px;overflow: hidden;text-align: center;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}*/
/*.ind1 .bd ul li:hover span{color: #1077d6;}*/
/*f2*/
.ind2{padding: 71px 0 85px;background: #f4f4f4;}
.ind2_tit{width: 1200px;margin: 0 auto 57px;text-align: center; background: url("../images/index_61.jpg") repeat-x left center;}
.ind2_tit h5{position: relative;display: inline-block;background: #f4f4f4;*display:inline;*zoom:1;color: #272727; font-size: 24px;line-height: 34px;padding: 0 70px;}
.ind2_tit h5:before{position: absolute; background: url("../images/index_58.png") no-repeat center;width: 12px;height: 12px;left: -1px;content: " ";top:12px;}
.ind2_tit h5:after{position: absolute;background: url("../images/index_58.png") no-repeat center;width: 12px;height: 12px;right: -1px;content: " ";top:12px;}
.ind2_list{width: 1200px;position: relative;margin: 0 auto;}
.ind2_list .hd{ overflow:hidden;}
.ind2_list .hd .prev,
.ind2_list .hd .next{ display:block;  width:48px; height:48px;border: 1px solid #bababa;border-radius: 100%; position: absolute;top:50%;margin-top: -24px; overflow:hidden;  cursor:pointer;}
.ind2_list .hd .prev{background: url("../images/index_77.png") no-repeat center;left: -159px;}
.ind2_list .hd .next{background: url("../images/index_83.png") no-repeat center;right: -159px;}
@media (max-width: 1500px) {
    .ind2_list .hd .prev{left: -90px;}
    .ind2_list .hd .next{right: -90px;}
}
@media (max-width: 1400px) {
    .ind2_list .hd .prev{left: -60px;}
    .ind2_list .hd .next{right: -60px;}
}
.ind2_list .hd .prev:hover{background: url("../images/index_80.png") no-repeat center #1077d6;border-color:  #1077d6;}
.ind2_list .hd .next:hover{background: url("../images/index_85.png") no-repeat center #1077d6;border-color: #1077d6;}
.ind2_list .hd .pageState{display: none;}
.ind2_list .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px;display: none;}
.ind2_list .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer;}
.ind2_list .hd ul li.on{ background-position:0 0; }
.ind2_list .bd{width: 1200px;margin: 0 auto;overflow: hidden;}
.ind2_list .bd ul{ overflow:hidden; zoom:1; }
.ind2_list .bd ul li{width: 220px;height: 439px; margin-right: 25px; float:left; _display:inline; overflow:hidden;}
.ind2_list .bd ul li a{display: block;position: relative;background: #000;}
.ind2_list .bd ul li a:before{width: 204px;height: 423px;z-index: 3; border: 8px solid transparent;content: " ";left: 0;top:0;position: absolute;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.ind2_list .bd ul li a img{display: block;width: 100%;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.ind2_list .bd ul li a .tit{position: absolute;z-index: 2; bottom:0;left: 0;background: rgba(0,0,0,0.5);padding: 0 25px 0;width: 170px; line-height: 48px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;color: #fff;font-size: 16px; -webkit-transition: .6s;  -moz-transition: .6s;  -ms-transition: .6s;  -o-transition: .6s;  transition: .6s;text-align:center}
.ind2_list .bd ul li a .cover{position: absolute;z-index: 2;opacity: 0;filter:alpha(opacity=0);height: 309px;top:0;left: 0;background: rgba(0,0,0,0.5);padding: 130px 25px 0;-webkit-transition: .8s;-moz-transition: .8s;-ms-transition: .8s;width: 170px;-o-transition: .8s;transition: .8s;}
.ind2_list .bd ul li a .cover span{display: block;line-height: 26px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;color: #fff;font-size: 16px;text-align:center}
.ind2_list .bd ul li a .cover i{display: block;width: 19px;height: 2px;background:rgba(255,255,255,0.2) ;margin: 10px 0 12px;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.ind2_list .bd ul li a .cover p{line-height: 24px;overflow: hidden; color: rgba(255,255,255,0.6);height: 120px;font-size: 13px;}
.ind2_list .bd ul li:hover a .cover{opacity: 1;filter:alpha(opacity=100);}
.ind2_list .bd ul li:hover a .tit{opacity: 0;filter:alpha(opacity=0);}
.ind2_list .bd ul li:hover a img{  -webkit-transform: scale(1.04);  -moz-transform: scale(1.04);  -ms-transform: scale(1.04);  -o-transform: scale(1.04);  transform: scale(1.04);}
.ind2_list .bd ul li:hover a:before{border-color: #066cca;}
/*f3*/
.ind3{padding: 70px 0 ;}
.ind3_tit{width: 1200px;margin: 0 auto;text-align: center; }
.ind3_tit span{cursor: pointer; display: inline-block;*display:inline;*zoom:1;margin: 0 5px; font-size: 16px;text-align: center;color: #333333; line-height: 48px;width: 193px;height: 48px;border: 1px solid #c2c2c2;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.ind3_tit span.on,.ind3_tit span:hover{border-color: #1077d6;background: #1077d6;color: #fff;}
.ind3_con{display: none;}
.ind3_con.on{display: block;}
.ind3_con1:before{content: " ";left: 0;top:206px;background: #ebebeb;width: 100%;height: 1px;position: absolute;}
.ind3_con1:after{content: " ";left: 0;top:340px;background: #ebebeb;width: 100%;height: 1px;position: absolute;}
.ind3_list1{width: 1280px;position: relative;margin: 0 auto;}
.ind3_list1 .hd{ overflow:hidden;width: 100px;position: absolute;right: -90px;top:255px;}
.ind3_list1 .hd .prev,
.ind3_list1 .hd .next{ display:block;  width:36px; height:36px;float: left; border: 1px solid #bababa;border-radius: 100%; overflow:hidden;  cursor:pointer;}
.ind3_list1 .hd .prev{background: url("../images/index_33.png") no-repeat center;left: -159px;}
.ind3_list1 .hd .next{background: url("../images/index_38.png") no-repeat center;right: -159px;float: right;}
@media (max-width: 1500px) {
    .ind3_list1 .hd{width: 38px;right: -20px;top:225px;}
    .ind3_list1 .hd .prev{margin-bottom: 20px;}
}
.ind3_list1 .hd .prev:hover{background: url("../images/index_35.png") no-repeat center #1077d6;border-color:  #1077d6;}
.ind3_list1 .hd .next:hover{background: url("../images/index_41.png") no-repeat center #1077d6;border-color: #1077d6;}
.ind3_list1 .hd .pageState{display: none;}
.ind3_list1 .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px;display: none;}
.ind3_list1 .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer;}
.ind3_list1 .hd ul li.on{ background-position:0 0; }
.ind3_list1 .bd{width: 1240px;margin: 0 auto;overflow: hidden;}
.ind3_list1 .bd ul{ overflow:hidden; zoom:1; }
.ind3_list1 .bd ul li{width: 1200px;padding: 40px 20px;float:left; _display:inline; height: 434px;overflow: hidden;}
.ind3_list1 .bd ul li .case{margin-top: 33px}
.ind3_list1 .bd ul li .case table tbody tr td{border-bottom: none !important;}
.ind3_list1 .bd ul li .case table tbody tr:first-child td{border-top: none !important;}
.ind3_a1{display: block; width: 193px;height: 46px;border: 1px solid #e4e4e4;background: url("../images/product_42.png") no-repeat center;margin: 18px auto 0;}
.ind3_a1:hover{border-color: #1077d6;background: url("../images/product_34.png") no-repeat center #1077d6;}
.ind3_con2{width: 1200px;margin: 70px auto 0;}
.ind_new{margin-bottom: 100px;}
.ind_new li{overflow: hidden;background: #f0f0f0;}
.ind_new li .pic{position: relative; display: block;float: left;margin-left: -17px;width: 617px;overflow: hidden;height: 175px;}
.ind_new li .pic:after{content: " ";position: absolute;top:0;width: 17px;height: 175px;background: url("../images/ind3_new_bg_03.png");right: 0;}
.ind_new li .pic img{display: block;width: 100%;}
.ind_new li .con{float: left; display: block;width: 450px;height: 103px;overflow: hidden;padding: 28px 0 44px 34px;}
.ind_new li .con i{font-style: normal; display: block;line-height: 20px;color: #99a1a4;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.ind_new li .con span{display: block;line-height: 26px;color: #464d50;font-size: 16px; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.ind_new li .con p{line-height: 20px;height: 40px;color: #99a1a4;margin-top: 17px;}
.ind_new li.two .pic{float: right;}
.ind_new li.two .pic:after{right: auto;left: 0;background-image: url("../images/ind3_new_bg_04.png");}
.ind3_con3{width: 1200px;margin: 70px auto 0;overflow: hidden;}
.ind3_con3 .wrap{background: #f4f4f4;margin-bottom: 100px;}
.ind3_con3 .pic{display: block;width: 600px;height: 352px;overflow: hidden;float: left;}
.ind3_con3 .pic img{display: block;width: 100%;}
.ind3_con3 .con{display: block;width:480px;height: 196px;float: left;margin: 57px 0 0 45px;}
.ind3_con3 .con span{display: block;line-height: 34px;color: #333333;font-size: 24px;margin-bottom: 18px;}
.ind3_con3 .con p{height: 200px;overflow: hidden; line-height: 28px;color: #666666;font-size: 14px;}



/*关于我们*/
/*公司简介*/
.about{padding-top: 80px;}
.cs_tit1{text-align: center;font-size: 30px;color: #333333;line-height: 40px;}
.abo_con1{margin: 25px 0 27px;}
.abo_con1 p{line-height: 28px;text-align: center;}
.abo_pic{ width:1200px;  overflow:hidden; position:relative;margin: 0 auto;}
.abo_pic .hd{ overflow:hidden;width: 95px;padding: 10px 14px;  height:38px; background:rgba(0,0,0,0.5);position: absolute;right: 0;top:0;z-index: 2; }
.abo_pic .hd .prev,
.abo_pic .hd .next{ display:block;  width:25px; height:38px; float:left;overflow:hidden;  cursor:pointer;}
.abo_pic .hd .prev{background: url("../images/about_03.png") no-repeat center;}
.abo_pic .hd .next{background: url("../images/about_08.png") no-repeat center;}
.abo_pic .hd .prev:hover{background: url("../images/about_05.png") no-repeat center;}
.abo_pic .hd .next:hover{background: url("../images/about_11.png") no-repeat center;}
.abo_pic .hd .pageState{line-height: 38px;color: rgba(235,235,235,0.5);font-size: 14px;float: left; text-align: center;display: block;width: 45px;}
.abo_pic .hd .pageState span{line-height: 38px;color: rgba(235,235,235,0.5);}
.abo_pic .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; display: none;}
.abo_pic .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer;}
.abo_pic .hd ul li.on{ background-position:0 0; }
.abo_pic .bd{}
.abo_pic .bd ul{ overflow:hidden; zoom:1; }
.abo_pic .bd ul li{width: 1200px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.abo_pic .bd ul li img{display: block;width: 100%;}
.abo_con2{position: relative;z-index: 3;margin-top: -54px;overflow: hidden;}
.abo_con2 .tit{font-size: 30px;text-align: center;width: 280px;height: 158px;float: left;margin: 0 50px 47px 0;background: #066cca;color: #fff;line-height: 158px;}
.abo_con2 .con {margin-top: 94px;line-height: 28px;}
.abo_con2 .con p{line-height: 28px;text-indent: 2em;}
/*企业文化*/
.culture{background: #f6f6f6;padding: 55px 60px 35px;margin: 85px auto 0;width: 1200px;}
.culture span{display: block;line-height: 28px;color: #333333;font-size: 18px;}
.culture p{line-height: 28px;margin:8px 0 60px;}
/*发展历程*/
.develop{margin: 85px auto 0;background: url("../images/develop_06.jpg") repeat-y 296px top;padding-bottom: 40px; width: 1200px;position: relative;}
.develop:before{content: " ";width: 1px;height: 24px;background: #fff;position: absolute;left: 296px;top:0;}
.develop li{overflow: hidden;padding-bottom: 40px;}
.develop li .pic{width: 150px;height: 150px;overflow: hidden;margin: 0 55px;float: left;}
.develop li .pic img{display: block;width: 100%;}
.develop li .con{float: left;margin-top: 22px;overflow: hidden;}
.develop li .con span{font-size: 18px; background: url("../images/develop.png") no-repeat center; float: left; display: block;width: 72px;text-align: center; height: 62px;color: #fff;line-height: 38px;padding-top: 43px;float: left;}


.develop li .con i{float: left; display: block;line-height: 47px;font-weight: bold;font-size: 36px;font-family: "Arial"; padding-top: 36px;margin-left: 32px;font-style: normal;}
.develop li .con b{display: block;float: left;line-height: 38px;color: #6c7275; padding-top: 40px;font-size: 18px;margin-left: 10px;}
.develop li .con p{float: left;line-height: 28px;margin: 46px 0 0 40px;color: #666666;width: 620px;}
.develop li.li_1 .con span{background-color: #d84a56;}
.develop li.li_1 .con i{color: #d84a56;}

.develop li.li_2 .con span{background-color: #f9a21e;}
.develop li.li_2 .con i{color: #f9a21e;}
.develop li.li_3 .con span{background-color: #48ab3f;}
.develop li.li_3 .con i{color: #48ab3f;}
.develop li.li_4 .con span{background-color: #4eacce;}
.develop li.li_4 .con i{color: #4eacce;}
.develop li.li_5 .con span{background-color: #29bec7;}
.develop li.li_5 .con i{color: #29bec7;}


.qywh li .con span{}
.qywh li .con i{
    font-size: 22px;
    display: block;
    float: none;
    padding-top: 0;
    margin-left: 100px;
    margin-top: 10px;
}
.qywh li .con p{
    display: block;
    float: none;
    margin: auto;
    margin-left: 100px;
    margin-top: 15px;
}
.qywh  li .con b{
    
height: 2px;
    
padding: 0;
    
width: 50px;
    
display: inline-block;
    
background-color: #9e9e9e4f;
    
display: none;
}

/*企业环境*/
.environment{overflow: hidden;padding-top: 57px;width: 1200px;margin: 0 auto;}
.environment li{float: left;width: 380px;height: 344px;overflow: hidden;margin: 18px 30px 0 0;}
.environment li.three{margin-right: 0;}
.environment li .pic{width: 380px;height: 238px;overflow: hidden;margin-top: 10px;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.environment li .pic img{width: 100%;display: block; -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.environment li .con{padding: 6px 23px 0;height: 90px; background: url("../images/environment_22.png") no-repeat 336px 64px #f4f4f4;  -webkit-transition: .4s;  -moz-transition: .4s;  -ms-transition: .4s;  -o-transition: .4s;  transition: .4s;}
.environment li .con span{display: block;line-height: 46px;font-size: 14px;color: #666666;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;border-bottom: 1px solid #dbdbdb; -webkit-transition: .4s;  -moz-transition: .4s;  -ms-transition: .4s;  -o-transition: .4s;  transition: .4s;}
.environment li .con i{display: block;padding-left: 22px;line-height: 32px;font-family: "Arial"; color: #d4d4d4;font-size: 13px;background: url("../images/environment_16.png") no-repeat left center;font-style: normal; -webkit-transition: .4s;  -moz-transition: .4s;  -ms-transition: .4s;  -o-transition: .4s;  transition: .4s;}
.environment li:hover .pic{margin-top: 0;}
.environment li:hover .pic img{  -webkit-transform: scale(1.04);  -moz-transform: scale(1.04);  -ms-transform: scale(1.04);  -o-transform: scale(1.04);  transform: scale(1.04);}
.environment li:hover .con span{color: #1077d6;}

/*荣誉资质*/
.honor{overflow: hidden;margin: 85px auto 0 ;padding: 98px 96px 0 ;background: url("../images/honor_bg.jpg") no-repeat center;width: 1008px;}
.honor li{background: url("../images/honor_10.png") no-repeat left bottom; float: left;width: 306px;height: 306px;overflow: hidden;margin: 0 15px 85px ;}
.honor li a{display: block;width: 175px;height: 248px;overflow: hidden;position: relative;margin: 0 auto;}
.honor li a img{display: block;width: 100%;-webkit-transition: .6s;-moz-transition: .6s;-ms-transition: .6s;-o-transition: .6s;transition: .6s;}
.honor li a .cover{position: absolute;width: 100%;height: 100%;left: 0;bottom: -100%;background: url("../images/honor_06.png") no-repeat center rgba(6,108,202,0.8);  -webkit-transition: .6s;  -moz-transition: .6s;  -ms-transition: .6s;  -o-transition: .6s;  transition: .6s;}
.honor li span{display: block;line-height: 24px;width: 280px;margin: 23px auto 0; font-size: 14px; text-align: center;color: #232323; height: 24px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.honor li a:hover .cover{bottom: 0;}
.honor li a:hover img{  -webkit-transform: scale(1.04);  -moz-transform: scale(1.04);  -ms-transform: scale(1.04);  -o-transform: scale(1.04);  transform: scale(1.04);}
/*联系我们*/
.contact{margin-top: 85px;}
.contact1_wrap{background: #f7f9fa;padding: 0 70px;}
.contact1{border-top:1px solid #e6eded;overflow: hidden;padding: 0px 0 0px;}
.contact1_wrap .contact1:first-child{border: none;}
.contact1 .con{float: left;max-width: 510px;padding-top: 60px;}
.contact1 .con2{float: right;}
.contact1 .con span{display: block;font-size: 18px;line-height: 28px;margin-bottom: 12px;color: #066cca;}
.contact1 .con p{line-height: 28px;color: #666666;font-size: 15px;}
.contact1 .pic{width: 500px;height: 300px;float: right;overflow: hidden;padding: 20px 0;}
.contact1 .pic img{display: block;width: 100%;}
.contact_form{overflow: hidden;padding: 46px 0 45px;}
.contact_form .message{display: block;line-height: 36px;height: 36px;font-size: 13px; color: #bebebe;border: 1px solid #e6eded;width: 556px;padding:0 15px;float: left;margin: 0 24px 23px 0; background: transparent;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.contact_form .message.two{margin-right: 0;}
.contact_form .textarea{ display: block;line-height: 24px;height: 145px;color: #bebebe;border: 1px solid #e6eded;width: 1020px;padding: 5px 15px;float: left;margin: 0 20px 0 0; background: transparent; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s;}
.contact_form .sub{line-height: 24px; color: #fff;border: none; float: left; display: block;width: 127px;height: 157px;padding-top: 58px;text-align: center; background: url("../images/contact_07.png") no-repeat #066cca;cursor: pointer;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.contact_form .message:hover,.contact_form .textarea:hover{border-color: #066cca;}
.contact_form .sub:hover{background-color: #1077d6;}
.contact_map{width: 1200px;overflow: hidden;height: 448px;}
.contact_map img{display: block;width: 100%;}
/*招聘*/
.recruit{width: 1200px;margin: 85px auto 0;}
.recruit table{width: 100%;}
.recruit table thead tr td{font-size: 16px;line-height: 48px;color: #fff;background: #999999;min-width: 150px;padding: 0 10px 0 70px;}
.recruit table tbody tr td{font-size: 14px;line-height: 24px;color: #666;min-width: 150px;padding: 13px 10px 13px 70px ;}
.recruit table tbody tr.two td{background: #f4f4f4;}
/*over*/

/*解决方案*/
.solution{margin-top: 86px;}
.sol_tit{padding-top: 80px;text-align: center;}
.sol_tit p{line-height: 28px;color: #666666;margin: 24px 0 55px;}
.sol_tit_ul{border: 1px solid #c2c2c2;}
.sol_tit_ul li{display: inline-block;*display:inline;*zoom:1;margin:0 5px;min-width: 130px;position: relative; }
.sol_tit_ul li:before{position: absolute; content: " ";width: 100%;height: 1px;background: transparent;left: 0;top:-1px;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.sol_tit_ul li:after{position: absolute;content: " ";width: 100%;height: 1px;background: transparent;left: 0;bottom:-1px;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.sol_tit_ul li a{display: block;line-height: 50px;padding: 0 10px;}
.sol_tit_ul li.on:before,.sol_tit_ul li.on:after,.sol_tit_ul li:hover:before,.sol_tit_ul li:hover:after{background-color: #066cca;}
.sol_tit_ul li a:hover,.sol_tit_ul li.on a{color: #333;}
.process{background: #f5f6fa;margin-bottom: 20px;margin-top: 22px;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.process.on{padding: 30px 0 114px;}
.process_tit{padding: 21px 40px 21px;cursor: pointer;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.process.on .process_tit{padding-bottom: 12px;}
.process_tit span{line-height: 28px;position: relative;color: #282828;display: block;font-size: 18px;}
.process_tit i{cursor: pointer; position: absolute;background: url("../images/solution_detail_36.png") no-repeat center;width: 21px;height: 100%;right: 0;top:0;}
.process.on .process_tit i{background-image: url("../images/icon2.jpg");}
.process_con{overflow: hidden;display: none;}
.process_con .left{float: left;width: 185px;margin-left: 40px;line-height: 24px;color: #757575;}
.process_con .right{float: right;margin-top: 30px; width: 831px;overflow: hidden;background: url("../images/bg2_03.png") no-repeat 4px 115px;padding-left: 46px;margin-right: 91px;}
.process_con .right li{background-position: center;background-repeat: no-repeat; width: 230px;margin: 0 24px 30px 23px;float: left;height: 230px;text-align: center;}
.process_con .right li span{padding-top: 59px; display: block;line-height: 22px;height: 22px;font-size: 18px;font-family: "Arial"; color: #333333;}
.process_con .right li p{font-size: 18px;line-height: 26px;color: #333;}
.process_con .right li.li_1{background-image: url("../images/solution_detail_03.png");}
.process_con .right li.li_2{background-image: url("../images/solution_detail_05.png");}
.process_con .right li.li_3{background-image: url("../images/solution_detail_07.png");}
.process_con .right li.li_4{background-image: url("../images/solution_detail_16.png");float: right;}
.process_con .right li.li_5{background-image: url("../images/solution_detail_15.png");float: right;}
.process_con .right li.li_6{background-image: url("../images/solution_detail_13.png");float: right;}
.process_con .right li.li_7{background-image: url("../images/solution_detail_21.png");}
.process_con .right li.li_8{background-image: url("../images/solution_detail_22.png");}
.process_con .right li.li_9{background-image: url("../images/solution_detail_23.png");}
.process_con .right li.li_10{background-image: url("../images/solution_detail_31.png");float: right;}
.process_con .right li.li_11{background-image: url("../images/solution_detail_29.png");float: right;}
.process_con .right li.li_12{background-image: url("../images/solution_detail_27.png");float: right;}
.sol_con2_wrap{position: relative;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.sol_con2_wrap:before{content: " ";background: #0060a1;width: 50%;left: 0;height: 100%;top:0;position: absolute;}
.sol_con2_wrap:after{content: " ";background: #f5f6fa;width: 50%;right: 0;height: 100%;top:0;position: absolute;}
.sol_con2{width: 1200px;overflow: hidden;position: relative;margin: 0 auto;padding: 77px 0 75px;}
.sol_con2:before{content: " ";background: #0060a1;width: 330px;left: 0;height: 100%;top:0;z-index: 2;position: absolute;}
.sol_con2:after{content: " ";background: #f5f6fa;width: 870px;right: 0;height: 100%;top:0;z-index: 2;position: absolute;}
.sol_left{float: left;width: 270px;position: relative;z-index: 3;}
.sol_con2_wrap h5{font-size: 24px;line-height: 34px;margin-bottom: 35px;color: #333333;}
.sol_con2_wrap h5.h5_w{color: #fff;}
.sol_con2_wrap p{line-height: 28px;color: #fff;}
.sol_right{width: 800px;float: right;position: relative;z-index: 3;}
.adv_ul{overflow: hidden;}
.adv_ul li{margin-left: 14px; float: left;width: 210px;border: 1px solid #cecece;padding: 20px 25px 15px 20px;background: #fff;}
.adv_ul li:first-child{margin-left: 0;}
.adv_ul li i{font-style: normal; display: inline-block;*display:inline;*zoom:1; padding: 0 20px;line-height: 29px;color: #fff;margin-bottom: 20px;background: #066cca;}
.adv_ul li span{min-height: 48px; display: block;line-height: 24px;color: #333333;font-size: 16px;}
.adv_ul li .con{height: 96px;overflow: hidden;margin: 13px 0 4px;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.adv_ul li .con p{line-height: 24px;color: #666;}
.adv_ul li .icon{cursor: pointer; background: url("../images/solution_detail_44.jpg") no-repeat center;width: 35px;height: 35px;margin-left: -10px;}
.adv_ul li .icon.on{background-image: url("../images/solution_detail_45.jpg");}
.sol_con3_wrap:before{background-color: #dee8ed;}
.sol_con3_wrap:after{background-color: #242a33;}
.sol_con3_wrap .sol_con2:before{background-color: #dee8ed;}
.sol_con3_wrap .sol_con2:after{background-color: #242a33;}
.sol_con3_wrap .sol_left p{color: #666;}
/*over*/

/*产品*/
.product{padding: 53px 0 0;width: 1200px;margin: 0 auto;}
.product li{overflow: hidden;margin-top: 32px;}
.product li .pic{background: #000; position: relative; display: block;width: 598px;height: 380px;float: left;overflow: hidden;}
.product li.two .pic{float: right;}
.product li .pic img{display: block;width: 100%;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.product li .pic:before{content: " ";width: 0;height: 1px;position: absolute;background: #fff; left: 50%;top:50%;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.product li .pic:after{content: " ";height: 0;width: 1px;position: absolute;background: #fff; top: 50%;left:50%;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.product li .pic:hover:before{width: 100px;margin-left: -50px;}
.product li .pic:hover:after{height: 100px;margin-top: -50px;}
.product li .pic:hover img{opacity: 0.5;filter:alpha(opacity=50);  -webkit-transform: scale(1.03);  -moz-transform: scale(1.03);  -ms-transform: scale(1.03);  -o-transform: scale(1.03);  transform: scale(1.03);}
.prod_con{border: 1px solid #e5e5e5;float: left;padding: 55px 35px 0 55px;width: 510px;height: 323px;}
.prod_con span{display: block;font-size: 24px;line-height: 34px;color: #313638;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.prod_con i{display: block;width: 37px;height: 1px;background: #e8e8e8;margin: 14px 0 18px;}
.prod_con p{line-height: 28px;color: #666666;height: 112px;overflow: hidden;}
.prod_con a{display: block;width: 149px;height: 34px;margin-top: 32px; background: url("../images/product_42.png") no-repeat center;border: 1px solid #c9c9c9;}
.prod_con a:hover{background: url("../images/product_34.png") no-repeat 65px center #1077d6;margin-left: 10px; border-color: #1077d6;}
.pd1_list{overflow: hidden;padding: 10px 0 30px;}
.pd1_list b{cursor: pointer; float: left;font-weight: normal; text-align: center;display: block;margin-right: 7px;color: #333333;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s; border: 1px solid #e5e5e5;width: 140px;line-height: 37px;}
.pd1_list b:hover,.pd1_list b.on{color: #fff;background: #066cca;border-color: #066cca;}
.pd1_con{height: 84px;overflow: hidden;}
.pd1_con p{display: none;}
.pd1_con p.on{display: block;}
/*详情*/
.prod_detail{margin-top: 85px;}
.prod_zoom{overflow: hidden;border: 1px solid #ececec;padding-right: 50px;}
.prod_zoom .pic{float: left;margin: 0 50px 0 0;width: 440px;overflow: hidden;}
.prod_zoom .pic img{display: block;width: 100%;}
.prod_zoom .con{padding-bottom: 50px;padding-top: 24px;}
.prod_zoom .con h1{font-size: 24px;line-height: 34px;color: #333;}
.prod_zoom .con i{display: block;width: 37px;height: 1px;background: #e8e8e8;margin: 17px 0 17px 490px;}
.prod_zoom .con p{line-height: 28px;color: #666666;}
.prod_para_list{padding: 0 34px 30px;border: 1px solid #e8e8e8;margin-bottom: 50px;margin-top: 36px;}
.prod_para{padding-top: 33px;}
.prod_para .tit{border-bottom: 1px solid #e8e8e8;overflow: hidden;}
.prod_para .tit span{display: block;float: left;line-height: 40px;color: #fff;font-size: 16px;padding: 0 34px;background: #8c8c8c;}
.prod_para .con{margin: 14px 2px 0;}
.prod_para .con p{line-height: 28px;color: #666666;padding-left: 19px;background: url("../images/prod_detail_03.jpg") no-repeat left 11px;}
/*over*/






/*over*/

/*合作案例*/
.case{width: 1200px;margin: 85px auto 0;}
.case table{width: 100%;}
.case table tbody tr td{width: 300px;padding: 0;height: 133px;border: 1px solid #ebebeb;}
.case table tbody tr td a{display: block;width: 298px;height: 133px;position: relative;}
.case table tbody tr td a .pic{width: 298px;height: 133px;overflow: hidden;}
.case table tbody tr td a img{display: block;width: 298px;height: 133px;overflow: hidden;position: relative;z-index: 2;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.case table tbody tr td a i{opacity: 0;filter:alpha(opacity=0); background: #fff; display: block;width: 302px;height: 137px;position: absolute;top:-2px;left: -2px;z-index: 1;box-shadow: 0 0 10px #ccc;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.case table tbody tr td a:hover img{z-index: 4;  -webkit-transform: scale(1.04);  -moz-transform: scale(1.04);  -ms-transform: scale(1.04);  -o-transform: scale(1.04);  transform: scale(1.04);}
.case table tbody tr td a:hover i{z-index: 3;opacity: 1;filter:alpha(opacity=100);}
.detail_content{border-bottom: 1px solid #f4f4f4;overflow: hidden;}
.detail_content .wrap{position: relative;}
.detail_content .wrap:before{content: " "; position: absolute;height: 100%;top:14px; width: 1px;background: #f4f4f4;right: 320px;}
.case_detail{width: 834px;float: left;padding-top: 80px;}
.case_detail .tit{position: relative;padding: 0 200px 0 19px;margin-bottom: 17px; background: url("../images/case_detail_03.jpg") no-repeat left 3px;}
.case_detail .tit h6{font-size: 16px;color: #313638;line-height: 26px;}
.case_detail .tit .date{overflow: hidden;}
.case_detail .tit .date span{display: block;float: left;font-size: 13px; margin-right: 20px;line-height: 19px;color: #cccccc;}
.detail_share{position: absolute;right: 0;top:6px;float: none !important;}
.detail_share{color: #666 !important;}
.detail_share a{background-color: #ccc !important;}
.detail_share a:hover{background-color: #066cca !important;}
.case_detail .con{padding-bottom: 46px;}
.case_detail .con p{color: #666;text-indent: 2em;}
.case_detail .con .pic{overflow: hidden;margin: 26px 0;}
.case_detail .con .pic img{display: block;max-width: 100%;margin: 0 auto;}
.keyword{overflow: hidden;margin-bottom: 30px;}
.keyword span,.keyword a{display: block;line-height: 24px;margin-right: 8px;float: left;}
.keyword a{margin-right: 15px;}
.keyword a:hover{color: #066cca;}
.detail_page{overflow: hidden;margin-bottom: 65px;}
.detail_page .back{width: 149px;height: 38px;text-align: center;color: #fff;line-height: 38px;float: left;background: #1077d6;}
.detail_page .back:hover{text-decoration: underline;}
.detail_page div{width: 246px;float: right;overflow: hidden;background: url("../images/case_detail_10.jpg") no-repeat center;}
.detail_page div a{display: block;width: 90px;float: right;position: relative;line-height: 34px;color: #5e6568;}
.detail_page div a.prev{text-align: right;float: left;}
.detail_page div a i{cursor: pointer; display: block;width: 34px;height: 34px;border-radius: 100%;position: absolute;background: url("../images/environment_38.png") no-repeat center #f4f4f4;top:0;left: 0;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.detail_page div a.next i{background-image: url("../images/environment_44.png");left: auto;right: 0;}
.detail_page div a:hover{color: #1077d6;}
.detail_page div a.prev:hover i{background: url("../images/environment_40.png") no-repeat center #1077d6;}
.detail_page div a.next:hover i{background: url("../images/environment_42.png") no-repeat center #1077d6;}
.rec_right{width: 257px;float: right;margin-top: 80px;padding-bottom: 35px;}
.rec_right h5{font-size: 20px;line-height: 30px;color: #212121;}
.rec_new{width: 257px !important;padding-top: 7px !important;}
.rec_new a{width: 257px !important;height: 343px !important;margin: 5px 0 0 0 !important;}
.rec_new a .pic{width: 257px !important;height: 171px !important;}
/*over*/




/*新闻中心*/
.new{width: 1200px;margin: 0 auto 0;padding-top: 57px;overflow: hidden;}
.new a{display: block;width: 387px;height: 439px;overflow:hidden;float: left;margin: 18px 19px 0 0; }
.new a.three{margin-right: 0;}
.new a .pic{width: 387px;height: 257px;overflow: hidden;margin-top: 10px;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.new a .pic img{display: block;width: 100%;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.new a .con{ padding-top: 19px;height: 153px; -webkit-transition: .4s; -moz-transition: .4s; -ms-transition: .4s; -o-transition: .4s; transition: .4s;}
.new a .con span{display: block;font-size: 16px;line-height: 26px;color: #333333;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;  -webkit-transition: .4s; -moz-transition: .4s; -ms-transition: .4s; -o-transition: .4s; transition: .4s;}
.new a .con p{line-height: 24px;color: #666666;height: 48px;overflow: hidden;margin: 10px 0 5px;  -webkit-transition: .4s; -moz-transition: .4s; -ms-transition: .4s; -o-transition: .4s; transition: .4s;}
.new a .con i{display:block;width: 71px; font-style: normal;color: #999999;line-height: 54px;overflow: hidden;height: 54px; background: url("../images/new_22.png") no-repeat right center;   -webkit-transition: .4s; -moz-transition: .4s; -ms-transition: .4s; -o-transition: .4s; transition: .4s;}
.new a:hover .pic img{  -webkit-transform: scale(1.04);  -moz-transform: scale(1.04);  -ms-transform: scale(1.04);  -o-transform: scale(1.04);  transform: scale(1.04);}
.new a:hover span,.new a:hover p{color: #fff;}
.new a:hover .con i{color: #fff;background: url("../images/new_19.png") no-repeat right center;}
.new a:hover .pic{margin-top: 0;}
.new a:hover .con{background: #1077d6;padding-left: 25px;padding-right: 15px;}
.faq{padding-top: 48px;width: 1200px;margin: 0 auto;}
.faq li{background: #f5f5f5;padding: 31px 30px 40px;margin-top: 37px;}
.faq li h5{margin-bottom: 23px;line-height: 26px;color: #333333; font-size: 16px;padding:0 0 13px 28px;border-bottom: 1px dashed #bbbbbb; background: url("../images/faq_03.jpg") no-repeat left 7px;}
.faq li span{display: block;font-size: 15px;color: #47aef8;line-height: 25px;margin-bottom: 4px;}
.faq li p{line-height: 28px;color: #666666;}
.download{width: 1200px;margin: 0 auto;padding-top: 54px;overflow: hidden;}
.download a{display: block;width: 131px;float: left;height: 212px;overflow: hidden;margin: 20px 136px 0 0;}
.download a.five{margin-right: 0;}
.download a .icon{width: 131px;height: 131px;background: url("../images/download_03.jpg") no-repeat center;  -webkit-transition: .6s;  -moz-transition: .6s;  -ms-transition: .6s;  -o-transition: .6s;  transition: .6s;}
.download a span{display: block;line-height: 24px;color: #7e7d7d;margin-top: 10px;}
.download a:hover .icon{background-image: url("../images/download_07.jpg");}
/*over*/

/*分页*/
.page{width: 1200px;margin: 0 auto;text-align: center;padding-top: 40px;}
.page a{display: inline-block;*display:inline;*zoom:1;width: 30px;height: 30px;border: 1px solid #dedede;color: #7e7d7d;line-height: 30px;margin: 0 4px;font-family: "Arial";}
.page a.page_prev{background: url("../images/environment_38.png") no-repeat center;}
.page a.page_next{background: url("../images/environment_44.png") no-repeat center;}
.page a:hover,.page a.on{color: #fff;background: #1077d6;border-color: #1077d6;}
.page a.page_prev:hover{background: url("../images/environment_40.png") no-repeat center #1077d6;}
.page a.page_next:hover{background: url("../images/environment_42.png") no-repeat center #1077d6;}
/*over*/

/*友情链接*/
.friend{padding: 17px 0;border-bottom: 1px solid #ffffff;background: #f4f4f4;}
.friend span{display: block;color: #999999;line-height: 34px;float: left;margin-right: 5px;}
.friend a{display: block;color: #999999;line-height: 34px;margin-right: 45px;float: left;}
.friend a:hover{color: #066cca;}
/*over*/

/*底部*/
.footer{background: #242a33;}
.foot{width: 1200px;margin: 0 auto;padding: 53px 0 40px;overflow: hidden;}
.ft_nav{float: left;/* width: 1014px; */overflow: hidden;}
.ft_nav li{width: 118px;float: left;margin-left: 17px;}
.ft_nav li:first-child{margin-left: 0;}
.ft_nav li a{display: block;line-height: 24px;color: #6d7177;margin-bottom: 4px;}
.ft_nav li a:first-child{color: #fff;margin-bottom: 20px;}
.ft_right{float: left;width:550px;    margin-top: 30px;}
.ft_right .p1{height: 36px;
    margin-top: 4px;
    line-height: 36px;
    color: #fff;
    font-size: 18px;}
.ft_right .p2{font-size: 24px;line-height: 40px;color: #dfe3e7;font-weight: lighter;}
.ft_ewm{width: 100px;margin: 9px 0 5px;}
.ft_ewm img{display: block;width: 100px;height: 100px;overflow: hidden;}
.ft_ewm span{display: block;line-height: 35px;color: rgba(255,255,255,0.3);text-align: center;}
.ft_right .p3{line-height: 19px;color: rgba(255,255,255,0.3);font-size: 13px;}
.bottom{border-top: 1px solid rgba(255,255,255,0.1);padding: 20px 0 50px;}
.ft_share{float: right;width: 155px;padding-left: 10px;line-height: 26px;color: rgba(255,255,255,0.3);background: url("../images/product_66.png") no-repeat left center;}
.ft_share .bshare-custom{float: right;overflow: hidden;}
.ft_share .bshare-custom a{display: block;width: 26px;height: 26px;margin:0 0 0 6px;border-radius: 100%;padding: 0;float: left;}
.ft_share .bshare-custom a.bshare-qzone{background: url("../images/product_51.png") no-repeat center #323b48;}
.ft_share .bshare-custom a.bshare-sinaminiblog{background: url("../images/product_54.png") no-repeat center #323b48;}
.ft_share .bshare-custom a.bshare-weixin{background: url("../images/product_56.png") no-repeat center #323b48;}
.ft_share .bshare-custom a.bshare-qzone:hover{background: url("../images/product_61.png") no-repeat center #1077d6;opacity: 1;filter:alpha(opacity=100);}
.ft_share .bshare-custom a.bshare-sinaminiblog:hover{background: url("../images/product_69.png") no-repeat center #1077d6;opacity: 1;filter:alpha(opacity=100);}
.ft_share .bshare-custom a.bshare-weixin:hover{background: url("../images/product_72.png") no-repeat center #1077d6;opacity: 1;filter:alpha(opacity=100);}
.ft_bot_right{float: right;overflow: hidden;margin-top: 30px;}
.ft_bot_right p{float: right;color: #6c7076;line-height: 26px;}
.ft_bot_right a{color: #6c7076;line-height: 26px;}
.ft_bot_right .pic{width: 47px;height: 11px;float: right;overflow: hidden;margin: 6px 13px 0;}
.ft_bot_right .pic img{display: block;width: 47px;}
.ft_map{margin: 0 16px;width: 135px;float: right;overflow: hidden;background: url("../images/product_75.jpg") no-repeat center;}
.ft_map a{display: block;float: right;}
.ft_map a:first-child{float: left;}
.footer a:hover,.ft_nav li a:first-child:hover{color: #1077d6;}
/*over*/

/*客服*/
.qqkefu{
    position: fixed;
    top:50%;
    _position: absolute;
    _top: expression(eval(document.documentElement.scrollTop + 365));
    z-index: 20;
    right: 10px;
    width:39px;
}
.qqkefu ul li{
    width: 45px;
    height:45px;
    margin-bottom:1px;
    float:right;
    background:#1077d6;
    line-height:45px;
    font-size:14px;
    cursor:pointer;
    position:relative;
}
.qqkefu ul li a{
    color:#fff;
    overflow: hidden;
    display: block;
    height: 45px;
    padding-left: 10px;
}
.qqkefu ul li.qq_cza{
    overflow:hidden
}
.qqkefu ul li:hover{
    background:#096fce;
}
.qqkefu ul li.top{
    background:url("../images/back.png") no-repeat center #1077d6;
    position:relative;
    width:45px;
    height: 45px;
    cursor:pointer;
}
.qqkefu ul li.top:hover{
    background:url("../images/back.png") no-repeat center #096fce;
}
.qqkefu ul li b{
    width:45px;
    height:45px;
    display:block;
    overflow:hidden;
    float:right;
}
.qqkefu ul li span{
    font-size: 14px;
    font-weight: bold;
    color: #FFF;
}
.qqkefu ul li b.a{
    background:url(../images/qq.png) no-repeat center center;
}
.qqkefu ul li b.b{
    background:url(../images/zixun.png) no-repeat center center;
}
.qqkefu ul li b.c{
    background:url(../images/weixin.png) no-repeat center center;
}
.qqkefu ul li b.e{
    background:url(../images/tel.png) no-repeat center center;
}
.qqkefu ul li.qq_czae{ line-height:15px !important}
.erweima{
    width: 130px;
    height: 150px;
    position: absolute;
    top: -107px;
    left: -150px;
    background: #FFF;
    border: 1px solid #CCC;
    float: left;
    cursor: default !important;
    display:none;
    /*overflow: hidden;*/
}
.erweima p{
    line-height: 20px;
    color: #000;
    font-size: 12px;
    text-align: center;
    float: left;
    width: 130px;
}
.erweima p img{
    width: 110px;
    height: 110px;
    margin: 10px 10px 0 10px;
}
.erweima .arrow3 {
    width: 5px;
    height: 10px;
    display: block;
    background:url(../images/czx6.png) no-repeat;
    position: absolute;
    right: -5px;
    top: 122px;
}
.page .frist
{
    display:none
}
.proc_right{float: right;width: 831px;padding:0 46px;margin-right: 80px; overflow: hidden;}
.proc_right li{float: left;width: 230px;position: relative;  margin: 0 24px 30px 23px;  height: 230px;  text-align: center;}
.proc_right li:first-child:before{content: " ";background: #eaeaec;height: 3px;width: 70px; position: absolute;z-index: 1; left: -70px;top:50%;margin-top: -1px;}
.proc_right li.li2:before{content: " ";background: #eaeaec;height: 3px;width: 340px; position: absolute;z-index: 1; left: -60px;top:50%;margin-top: -1px;}
.proc_right li.li3:before{content: " ";background: url("../images/csyh3_07.png") no-repeat center;height: 168px;width: 34px;position: absolute;z-index: 1;right: -20px;top: 165px;}
.proc_right li.li4:before{content: " ";background: url("../images/csyh3_11.png") no-repeat center;height: 168px;width: 40px;position: absolute;z-index: 1;left: -24px;top: 162px;}
.proc_right li .bg_img{position: absolute;z-index: 2;width: 100%;height: 100%;overflow: hidden;left: 0;top:0;}
.proc_right li .bg_img img{display: block;width: 100%;}
.proc_right li i{position: relative;z-index: 3; color: #333333; display: block;padding-top: 55px;font-family: "Arial"; font-style: normal;font-size: 18px;line-height: 22px;}
.proc_right li span{position: relative;z-index: 3;display: block;font-size: 15px;line-height: 26px;color: #333333;width: 190px;margin: 0 auto 10px;}
.proc_right li .icon{width: 120px;margin: 0 auto;position: relative;z-index: 3;}
.proc_right li .icon img{display: block;max-width: 100%;margin: 0 auto;}

/*2017/9/28*/
.ind1{ width:1200px; position:relative;margin: 0 auto ;text-align: center;overflow: hidden;}
.ind1 a{display: block;float: left;width: 170px ;padding: 68px 35px 0;height: 332px; -webkit-transition: .4s;  -moz-transition: .4s;  -ms-transition: .4s;  -o-transition: .4s;  transition: .4s;}
.ind1 a .pic{display: block;width: 123px;overflow: hidden;margin: 0 auto;border-radius: 100%;height: 123px;}
.ind1 a .pic img{display: block;width: 100%;  -webkit-transition: .4s;  -moz-transition: .4s;  -ms-transition: .4s;  -o-transition: .4s;  transition: .4s;}
.ind1 a span{display: block;margin: 25px 0 12px; font-size: 18px;line-height: 28px;color: #333333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; -webkit-transition: .4s;  -moz-transition: .4s;  -ms-transition: .4s;  -o-transition: .4s;  transition: .4s;}
.ind1 a p{text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;font-size: 14px;line-height: 22px;height:88px;color: #666666;overflow: hidden;-webkit-transition: .4s;-moz-transition: .4s;-ms-transition: .4s;-o-transition: .4s;transition: .4s;text-align: left;}
.ind1 a:hover{background-color: #1077d6;}
.ind1 a:hover .pic img{opacity: 0;filter:alpha(opacity=0);}
.ind1 a:hover span,.ind1 a:hover p{color: #fff;}

/*下拉导航*/
.drop_nav{display: none; position: absolute;width: 100%;left: 0;top:52px;background: #fff;z-index: 100;text-align: center;}
.drop_nav a{display: block;font-size: 14px;line-height: 25px;color: #666;padding: 7px 10px;border-top: 1px solid #eee;}
.drop_nav a:first-child{border: none;}
.drop_nav a:hover{background-color: #1077d6;color: #fff;}

.hzhb a
{
    display: block;
    width: 373px;
    height: 365px;
    overflow: hidden;
    float: left;
    margin: 18px 19px 19px 0;
    border: 1px solid #a8b8c7;
    margin-left: 10px;
    }
 .hzhb a:hover
 {
     box-shadow: 0px 0px 14px 2px #1077d6;
     }
.hzhb a .con
{
    border-top: 1px solid #a8b8c7;
    padding-left: 10px;
    padding-top: 19px;
    height: 88px;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    }
.search
{
        position: relative;
    float: right;
    width: 200px;
    height: 36px;
    margin: 20px 0px 0 0px;
    border: 1px solid #eee;
    }
.search .kwords
{
    border:none;
    height:33px;
    line-height:33px;
    padding-left:5px;
    }
.search .button
{
    background-image: url(../images/search_ico.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 37px;
    height: 36px;
    border: none;
    background-color: transparent;
    
    }ht: 36px;
    border: none;
    background-color: transparent;
    
    }